#page-11 {
  display: none;
  position: absolute;
  @include square(100%);
  background-image: url("../image/page-10-bg.jpg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  transform-origin: center center;
  -webkit-transform-origin: center center;
  z-index: 10;
  top: 0;
  left: 0;
  overflow: hidden;
  transform: translate(0, 100%);
  -webkit-transform: translate(0, 100%);

  > .next {
    position: absolute;
    background-image: url("../image/page-11-next.png");
    background-size: 100% 100%;
    @include size(px2rem-b(423px), px2rem-b(68px));
    left: 5rem - px2rem-b(423px) / 2;
    bottom: px2rem-b(49px);
    z-index: 2;
  }

  > .click-area {
    position: absolute;
    @include size(px2rem-b(500px), px2rem-b(150px));
    left: 5rem - px2rem-b(500px) / 2;
    bottom: px2rem-b(10px);
    z-index: 20;
  }

  > .swiper-container {
    position: relative;
    top: px2rem-b(194px);
    width: 16rem;
    left: -3rem;
    height: px2rem-b(774px);
    z-index: 1;
    img {
      width: 100%;
    }
  }
}